
<div id="user_manager" class="sub_menu">用户管理 </div>
<div id="menu_manager" class="sub_menu">菜单管理 </div>
<div id="role_manager" class="sub_menu">角色管理 </div>

<script type="text/javascript">
    $(document).ready(function(){
    	$(".sub_menu").mouseover(function() {
    		 $(this).css("background-color", "#eee" )
    	});
    	$(".sub_menu").mouseout(function() {
    		$(this).css("background-color", "#fff" )
   		});
    	
    	$("#user_manager").click(function(){
    		$("#system_main").load("um/um_userlist.html");
    	});
    	$("#menu_manager").click(function(){
    		$("#system_main").load("um/function_list.html");
    	});
    	$("#role_manager").click(function(){
    		$("#system_main").load("um/um_rolelist.html");
    	});
    });
</script>